        <!--<div class="oa-panel-content">-->
            <div class="oa-accordion-content oa-search-content department-accordion-content">
                <div class="oa-panel-announcement-header">
                    <div class="announce-search-box dep-search-box">
                        <input type="text" placeholder="{{ 'COLLEAGUE_SEARCH_BY_DEPART_NAME' | i18n }}" act="colleague_depart_query_text">
                        <a class="search-btn" href="javascript:;" act="colleague_depart_query_button"></a>
                        <a href="javascript:;" class="search-close" act="colleague_depart_query_text_clear" style="display:none"></a>
                    </div>
                </div>
                <div class="oa-curtain-content">
                    <div class="oa-tab-header colleague-tab-header clear hidden" act="colleague_depart_header">
                        <a href="javascript:;" act="colleague_depart_return_tree">{{ 'WORKREPORT_BACK_LIST' | i18n }}</a> &nbsp;&nbsp;&gt;&nbsp;&nbsp;
                        <span>
                                {{ 'APPROVAL_SEARCH_COUNT' | i18n }}&nbsp;
                                <span  class="number" act="colleague_depart_query_count">0</span> &nbsp;{{ 'APPROVAL_DATA_COUNT' | i18n }}
                        </span>
                    </div>
                    <div class="oa-tab-body clear" act="colleague_depart_tab_body"  beScrollAct="beScroll">
                        <div act="group_depart_tree"></div>
                    </div>
                </div>
            </div>
        <!--</div>-->